import React, { PureComponent } from 'react';

import Home from '../home';
import styled, { ThemeProvider } from 'styled-components';

const GHButton = styled.button`
  padding: 10px 20px;
  border-color: red;
  color: red;
`

const GHPrimaryButton = styled(GHButton)`
  color: #fff;
  background-color: green;
`

export default class App extends PureComponent {
  render() {
    return (
      <ThemeProvider theme={{ themeColor: "red", fontSize: "30px" }}>
        <Home />
        <hr />
        <GHButton>我是普通按钮</GHButton>
        <GHPrimaryButton>我是主要的按钮</GHPrimaryButton>
      </ThemeProvider>
    )
  }
}